<template>
	<view class="xjxm">
		
		<view class="head">
			<Wzg_simple_head 
				bg_color="#5c77ff"
				color="#ffffff">
			</Wzg_simple_head>
		</view>
		<scroll-view
			:style="{
				boxSizing:'border-box',
				width:'100vw',
				height:system_info.system_info.windowHeight - system_info.head.height + 'px',
			}"
			scroll-y="true" 
			class="scroll-Y">
			
			<view class="content">			
					
					<u-form :model="form"
						ref="uForm" 
						label-position="top">
						
						<view class="content_title">
							<view class="content_title_left"></view>
							<view class="content_title_right">
								基本信息
							</view>
						</view>
						
						<u-form-item
							label="项目名称" 
							:border-bottom = "false"
							:required = "true">
							<u-input 
								v-model="form.sex" 
								type="text" 
								:custom-style="{
									backgroundColor:'#f2f3f5',
									borderRadius: '5px',
									padding:'5px 10px',
									margin:'0',
								}"/>
						</u-form-item>
						
						<u-form-item
							label="项目简介"
							:border-bottom = "false"
							:required = "true">
							<u-input 
								v-model="form.intro"
								:custom-style="{
									backgroundColor:'#f2f3f5',
									borderRadius: '5px',
									padding:'5px 10px',
									margin: '0',
								}"
								/>
						</u-form-item>
						
						<u-form-item
							label="所属行业"
							:border-bottom = "false"
							:required = "true">
							<u-input 
								v-model="form.intro"
								type="select"
								:custom-style="{
									backgroundColor:'#f2f3f5',
									borderRadius: '5px',
									padding:'5px 10px',
									margin: '0',
								}"
								/>
						</u-form-item>
						
						<u-form-item
							label="建设年限"
							:border-bottom = "false"
							:required = "true">
							
							<view class="content_jsnx">
								<u-button
									:hair-line="false"
									:custom-style="{
										backgroundColor:'#f2f3f5',
										borderRadius: '5px',
										padding:'5px 10px',
										margin: '0',
										width:'100%',
										border:'0px solid #ffffff',
									}">
									2020-1-1
									<u-icon name="calendar-fill" size="40"></u-icon>
								</u-button>
								
								<view class="content_jsnx_centre">
									至
								</view>
								<u-button
									:hair-line="false"
									:custom-style="{
										backgroundColor:'#f2f3f5',
										borderRadius: '5px',
										padding:'5px 10px',
										margin: '0',
										width:'100%',
										border:'0px solid #ffffff',
									}">
									2020-1-1
									<u-icon name="calendar-fill" size="40"></u-icon>
								</u-button>
							</view>
						</u-form-item>
						
						<u-form-item
							label="建设批次"
							:border-bottom = "false"
							:required = "true">
							<u-input 
								v-model="form.intro"
								type="select"
								:custom-style="{
									backgroundColor:'#f2f3f5',
									borderRadius: '5px',
									padding:'5px 10px',
									margin: '0',
								}"
								/>
						</u-form-item>
						
						<u-form-item
							label="建设状态"
							:border-bottom = "false"
							:required = "true">
							<u-input 
								v-model="form.intro"
								type="select"
								:custom-style="{
									backgroundColor:'#f2f3f5',
									borderRadius: '5px',
									padding:'5px 10px',
									margin: '0',
								}"
								/>
						</u-form-item>
						
						<view class="content_title">
							<view class="content_title_left"></view>
							<view class="content_title_right">
								资金信息
							</view>
						</view>
						
						<u-form-item
							label="投资类型"
							:border-bottom = "false"
							:required = "true">
							<u-input 
								v-model="form.intro"
								type="select"
								:custom-style="{
									backgroundColor:'#f2f3f5',
									borderRadius: '5px',
									padding:'5px 10px',
									margin: '0',
								}"
								/>
						</u-form-item>
						
						<u-form-item
							label="总投资" 
							:border-bottom = "false"
							:required = "true">
							<u-input 
								v-model="form.sex" 
								type="text" 
								:custom-style="{
									backgroundColor:'#f2f3f5',
									borderRadius: '5px',
									padding:'5px 10px',
									margin:'0',
								}"/>
						</u-form-item>
						
						<u-form-item
							label="完成投资" 
							:border-bottom = "false"
							:required = "true">
							<u-input 
								v-model="form.sex" 
								type="text" 
								:custom-style="{
									backgroundColor:'#f2f3f5',
									borderRadius: '5px',
									padding:'5px 10px',
									margin:'0',
								}"/>
						</u-form-item>
						
						<u-form-item
							label="当年计划投资" 
							:border-bottom = "false"
							:required = "true">
							<u-input 
								v-model="form.sex" 
								type="text" 
								:custom-style="{
									backgroundColor:'#f2f3f5',
									borderRadius: '5px',
									padding:'5px 10px',
									margin:'0',
								}"/>
						</u-form-item>
						
						<u-form-item
							label="项目财评价" 
							:border-bottom = "false"
							:required = "true">
							<u-input 
								v-model="form.sex" 
								type="text" 
								:custom-style="{
									backgroundColor:'#f2f3f5',
									borderRadius: '5px',
									padding:'5px 10px',
									margin:'0',
								}"/>
						</u-form-item>
						
						<u-form-item
							label="项目合同价" 
							:border-bottom = "false"
							:required = "true">
							<u-input 
								v-model="form.sex" 
								type="text" 
								:custom-style="{
									backgroundColor:'#f2f3f5',
									borderRadius: '5px',
									padding:'5px 10px',
									margin:'0',
								}"/>
						</u-form-item>
						
						<view class="content_title">
							<view class="content_title_left"></view>
							<view class="content_title_right">
								责任信息
							</view>
						</view>
						
						<u-form-item
							label="项目业主单位" 
							:border-bottom = "false"
							:required = "true">
							<u-input 
								v-model="form.sex" 
								type="text" 
								:custom-style="{
									backgroundColor:'#f2f3f5',
									borderRadius: '5px',
									padding:'5px 10px',
									margin:'0',
								}"/>
						</u-form-item>
						
						<u-form-item
							label="项目责任单位" 
							:border-bottom = "false"
							:required = "true">
							<u-input 
								v-model="form.sex" 
								type="text" 
								:custom-style="{
									backgroundColor:'#f2f3f5',
									borderRadius: '5px',
									padding:'5px 10px',
									margin:'0',
								}"/>
						</u-form-item>
						
						<u-form-item
							label="分管区领导" 
							:border-bottom = "false"
							:required = "true">
							<u-input 
								v-model="form.sex" 
								type="text" 
								:custom-style="{
									backgroundColor:'#f2f3f5',
									borderRadius: '5px',
									padding:'5px 10px',
									margin:'0',
								}"/>
						</u-form-item>
						
						<u-form-item
							label="责任单位主要领导" 
							:border-bottom = "false"
							:required = "true">
							<u-input 
								v-model="form.sex" 
								type="text" 
								:custom-style="{
									backgroundColor:'#f2f3f5',
									borderRadius: '5px',
									padding:'5px 10px',
									margin:'0',
								}"/>
						</u-form-item>
						<view class="content_row">
							<view class="content_row_left">
								<u-form-item
									label="责任单位具体负责人" 
									:border-bottom = "false"
									:required = "true">
									<u-input 
										v-model="form.sex" 
										type="text" 
										:custom-style="{
											backgroundColor:'#f2f3f5',
											borderRadius: '5px',
											padding:'5px 10px',
											margin:'0',
										}"/>
								</u-form-item>
							</view>
							<view class="content_row_right">
								<u-form-item
									label="联系电话" 
									:border-bottom = "false"
									:required = "true">
									<u-input 
										v-model="form.sex" 
										type="text" 
										:custom-style="{
											backgroundColor:'#f2f3f5',
											borderRadius: '5px',
											padding:'5px 10px',
											margin:'0',
										}"/>
								</u-form-item>
							</view>
						</view>
						
						<view class="content_row">
							<view class="content_row_left">
								<u-form-item
									label="项目现场负责人" 
									:border-bottom = "false"
									:required = "true">
									<u-input 
										v-model="form.sex" 
										type="text" 
										:custom-style="{
											backgroundColor:'#f2f3f5',
											borderRadius: '5px',
											padding:'5px 10px',
											margin:'0',
										}"/>
								</u-form-item>
							</view>
							<view class="content_row_right">
								<u-form-item
									label="联系电话" 
									:border-bottom = "false"
									:required = "true">
									<u-input 
										v-model="form.sex" 
										type="text" 
										:custom-style="{
											backgroundColor:'#f2f3f5',
											borderRadius: '5px',
											padding:'5px 10px',
											margin:'0',
										}"/>
								</u-form-item>
							</view>
						</view>
						
						<view class="content_row">
							<view class="content_row_left">
								<u-form-item
									label="项目中心联系人" 
									:border-bottom = "false"
									:required = "true">
									<u-input 
										v-model="form.sex" 
										type="text" 
										:custom-style="{
											backgroundColor:'#f2f3f5',
											borderRadius: '5px',
											padding:'5px 10px',
											margin:'0',
										}"/>
								</u-form-item>
							</view>
							<view class="content_row_right">
								<u-form-item
									label="联系电话" 
									:border-bottom = "false"
									:required = "true">
									<u-input 
										v-model="form.sex" 
										type="text" 
										:custom-style="{
											backgroundColor:'#f2f3f5',
											borderRadius: '5px',
											padding:'5px 10px',
											margin:'0',
										}"/>
								</u-form-item>
							</view>
						</view>
					
					</u-form>
					<u-button
						:ripple="true"
						:hair-line="false"
						:custom-style="{
							backgroundColor: '#5c77ff',
							color:'#ffffff',
							margin:'20px 0',
							fontSize:'18px',
							padding:'5px 0',
							boxSizing:'content-box',
						}">
						提交
					</u-button>
					
			</view>
		</scroll-view>
	</view>
</template>

<script>
import {_get_system_info} from "@/my_tools/tools.js"  
import Page_return from "@/components/my_components/my_bt/page_return.vue"
import Wzg_simple_head from "@/components/my_components/public_cp/wzg_simple_head.vue" 
export default {   //新建项目页面
	components:{Page_return,Wzg_simple_head},
	data() { 
		return { 
			system_info:null,
			form: {
				name: '',
				intro: '',
				sex: ''
			},
		};
	},
	methods:{
		
	},
	created(){
		this.system_info = _get_system_info(uni);
		
	},
}
</script>

<style lang="scss" scoped>
.xjxm{
	width: 100vw;
	min-height: 100vh;
	@include flex_layout_column;
	justify-content:flex-start;
	align-items: center;
	background-color: #FFFFFF;
	.head{
		width: 100vw;
		height:fit-content;
	}
	.content{
		box-sizing: border-box;
		width: 100vw;
		padding: 0 15px;
		.content_title{
			margin: 20px 0;
			margin-bottom: 10px;
			height: 20px;
			font-size:20px;
			@include flex_layout_row;
			justify-content: flex-start;
			align-items: center;
			color: #000000;
			.content_title_left{
				width: 6px;
				height: 100%;
				background-color: #5c77ff;
				border-radius: 3px;
				margin-right: 5px;
			}
		}
		.content_jsnx{  //建设年限
			@include flex_layout_row;
			justify-content: space-between;
			align-items: center;
			u-button{
				width: 100%;
				u-icon{
					margin-left: 5px;
				}
			}
			.content_jsnx_centre{
				padding: 0 20px;
			}
		}
		.content_row{
			@include flex_layout_row;
			justify-content: space-between;
			align-items: center;
			.content_row_left{
				margin-right: 10px;
			}
		}
	}
}
</style>
